<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/frontEnd/map.css">
    <script src="http://api.map.baidu.com/api?v=2.0&ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO"></script>
    <script src="../../js/frontEnd/map.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="box">
        <div class="top">
            <div class="top_search">
                <p><input type="text" placeholder="新版网银"></p>
                <p><input type="submit" value="搜索"></p>
            </div>
            <div class="top_text">
                <p>中文繁</p>
                <p>English</p>
                <p>全球主站 </p>
                <p>手机网站</p>
            </div>
        </div>
        <div class="nav">
            <div class="nav_logo">
                <p><img src="../../images/frontEnd/map/logo.png"></p>
            </div>
            <div class="nav_text">
                <p>首页</p>
                <p>个人业务</p>
                <p>企业业务</p>
                <p>关于工行</p>
                <p>客服服务</p>
            </div>
        </div>
        <div class="banner">
            <ul>
                <img src="../../images/frontEnd/map/grjr_jjdt.jpg" alt="">
            </ul>
        </div>
        <div class="map">
            <div class="map_nav">
                <p>网点/自助服务点</p>
                <p><input type="text" placeholder="泸州市"></p>
                <p>
                    <select>
                        <option value="">古蔺县</option>
                        <option value="">合江县</option>
                        <option value="">江阳区</option>
                        <option value="">龙马潭区</option>
                        <option value="">泸县</option>
                        <option value="">纳溪区</option>
                    </select>
                </p>
                <p>
                    <select>
                        <option value="">网点</option>
                        <option value="">自助服务点</option>
                    </select>
                </p>
                <p>
                    <select>
                        <option value="">全部</option>
                        <option value="">个人(含外汇)</option>
                        <option value="">个人(不含外汇)</option>
                        <option value="">对公</option>
                        <option value="">可预约</option>
                    </select>
                </p>
                <p><input type="text"></p>
                <p><input type="submit" value="搜索"></p>
            </div>
            <div id="allmap"></div>
        </div>
        <div id="common_box">
            <div id="cli_on">
                <img src="../../images/frontEnd/map/小e6.jpg" alt="">
            </div>
            <div class="cont">
                <p><input type="text"></p>
                <p>您可以输入30个字&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="提问"></p>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(105.39, 28.91), 11);
	map.enableScrollWheelZoom(true);
	// 用经纬度设置地图中心点
	function theLocation() {
		if (document.getElementById("longitude").value != "" && document.getElementById("latitude").value != "") {
			map.clearOverlays();
			var new_point = new BMap.Point(document.getElementById("longitude").value, document.getElementById("latitude")
				.value);
			var marker = new BMap.Marker(new_point); // 创建标注
			map.addOverlay(marker); // 将标注添加到地图中
			map.panTo(new_point);
		}
	}
</script>
</html>